<template name="basics">
	<view>
		<view class="flex p-xs margin-bottom-sm mb-sm">
			<view class="flex-sub bg-grey padding-sm  justify-content">
				<view class="cu-avatar xl bg-grey" :style="'background-image:url('+(Avatar)+');margin:calc();'"></view>
			</view>
			<view class="flex-treble bg-grey padding-xs" style="white-space: pre-wrap;">
					<view class="text-left padding-xs text-xs"><text class="text-bold"></text></view>
					<view class="text-left padding-xs text-xs">姓名：<text class="text-bold">{{UserName}}</text></view>
					<view class="text-left padding-xs text-xs">工号：<text class="text-bold">{{EmployeeID}}</text></view>
					<!-- <view class="text-right padding-xs" style="font-size:1px; color: #778c90;"><text>梦世科技工作室出品</text></view/> -->
					<view class="text-right padding-xs">
						<uni-link href="https://www.john.ren/" text="梦世科技工作室出品" showUnderLine="false" color="#778c90" style="font-size:1px; color: #778c90;"></uni-link>
					</view/>
					
			</view>
			
		</view>
	</view>
</template>

<script>

	export default {
		name: "basics",
		props: ['UserName','EmployeeID','Avatar'],
		data() {
			return {
				 
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
